import React from 'react'
import { useNavigate } from 'react-router-dom'
import '../../App.css'

export default function Cover() {
    const navigate = useNavigate()
    return (
        <div>
            <div className='image'>
                <button style={{ width: '150px', height: '50px', borderRadius: '30px', border: 'none', backgroundColor: 'rgba(255,255,255,0.8)', position: 'absolute', top: '80%', left: '50%', transform: 'translate(-50%,-50%)' }} onClick={() => { navigate('/login') }}><span style={{ color: 'rgb(82,44,109)', fontSize: '20px' }}>立即登录</span></button>
                <p style={{ position: 'absolute', top: '87%', left: '41%',color: 'white', fontSize: '16px'}}>随便逛逛</p>
            </div>
        </div>
    )
}
